<script setup lang="ts">
import TodoList1 from 'comps/TodoList1.vue'
import TodoList2 from 'comps/TodoList2.vue'
import TodoList3 from 'comps/TodoList3.vue'
</script>
<script lang="ts">
import { defineComponent } from '@vue/runtime-core';
export default defineComponent({
  name: 'Home'
})
</script>
<template>
  <TodoList1 :title="{name: '在 defineComponent 中整合 TS', color: 'red'}" />
  <TodoList2 :title="{name: '在 composition API 中整合 TS', color: 'green'}" />
  <TodoList3 :title="{name: 'composition API + TS + Vuex（模块化）', color: 'blue'}" />
</template>